

var text = document.querySelector('input')
var sbtn = document.querySelector('.sous')
var flag = true

text.onmouseover =function(){
  flag = !flag

  if(flag){
    sbtn.style.display='block'
  }else{
    sbtn.style.display='none'
  }
}

// 登录注册选项阿卡切换
$('.Tabs .Tab').click(function(){
  // console.log('111')
  // console.log($('.ywx .login1').eq($(this).index()))
  $(this).addClass('active').siblings().removeClass('active')
  $('.ywx .login1').eq($(this).index()).css("display","block").siblings().css("display","none")
})

//获取返回按钮并跳转回首页
// 还没成功 
  $(".btn2").on('click',function () {
    window.location.href="./index.html";
  });


// 登录！！！
// 表单验证规则
// 登录发送请求
const nameInp = document.querySelector('.username')
const pwdInp = document.querySelector('.password')
const btn = document.querySelector('.btn1')


btn.onclick = function (e) {

  //阻止默认事件
  e.preventDefault()

  const name = nameInp.value
  const pwd = pwdInp.value

  if (!name || !pwd) return

  const data = `username=${name}&password=${pwd}`


  // 发送请求
  const xhr = new XMLHttpRequest()

  xhr.open('POST', '../php/login.php')

  xhr.onload = function () {
    const res = JSON.parse(xhr.responseText)
    console.log(res)

    if(res.code === 0){
      return
    }
       window.location.href = '../views/index.html'
    
   
    window.localStorage.setItem('login', 1)
  }

  // 请求头
  xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')

  xhr.send(data)
}


// // 注册表单验证
// const nameInp = ducument.querySelector('.rusername')
// const pwdInp = document.querySelector('.rpassword')
// const pwdInptwo = document.querySelector('.passwordtwo')

